<template>
	<div class="bottom-line">
		<div class="line"></div>
		<div class="tip">{{tip}}</div>
	</div>
</template>

<script>
	export default {
		name:'BottomLine',
		data:function(){
			return{
				tip:'亲，我也是有底线的'
			}
		}
	}
</script>

<style scoped="scoped">
	.bottom-line {
		position: relative;
	}
	.line {
		width: 100%;
		height: 1px;
		background-color: #aaa;
		margin: 1.25rem 0;
	}
	.tip {
		position: absolute;
		top: -0.625rem;
		left: 50%;
		transform: translateX(-50%);
		color: #333;
		background-color: #fff;
		padding: 0 0.125rem;
	}
</style>
